<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">  
<link rel="stylesheet" href="CSS/golden-base/golden.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="CSS/responsive.css" type="text/css" media="screen, projection">
<!--[if lt IE 9]>
	<link rel="stylesheet" type="text/css" href="CSS/ie8.css" />
<![endif]-->

    </head>
    <body>
        <div class="main">
        <div class="wide g960"><h1>Golden Grid CSS Layout</h1></div>
        <div class="clear"></div>
        <div class="wide g960">
            <img src="images/robot-wide.png" class="resp" />
        </div>
        <div class="clear"></div>
            <div class="g160"><p>Lorem ipsum dolor sit amet...</p></div>
            <div class="g160"><p>Lorem ipsum dolor sit amet...</p></div>
            <div class="g160"><p>Lorem ipsum dolor sit amet...</p></div>
            <div class="g160"><p>Lorem ipsum dolor sit amet...</p></div>
            <div class="g80 ml80"><p>Lorem ipsum dolor sit amet...</p></div>
            <div class="g160"><p>Lorem ipsum dolor sit amet...</p></div>
        <div class="last clear"></div>
        <div class="g960">
            <div class="g160"><p>Lorem ipsum dolor sit amet...</p></div>
            <div class="g160"><p>Lorem ipsum dolor sit amet...</p></div>
            <div class="g160"><p>Lorem ipsum dolor sit amet...</p></div>
            <div class="g160"><p>Lorem ipsum dolor sit amet...</p></div>
            <div class="g80 ml80"><p>Lorem ipsum dolor sit amet...</p></div>
            <div class="g160"><p>Lorem ipsum dolor sit amet...</p></div>
        </div>
        <div class="clear"></div>
        </div>
    </body>
</html>
